草庐IT

Bootstrap5 表单

全部标签

javascript - 即使监听函数返回 false,表单仍然被提交

我想弄清楚为什么这个JavaScript没有阻止提交表单:varcode=function(){returnfalse;};varelement=window.document.getElementById("form");if(element.addEventListener){element.addEventListener("submit",code,false);}除非我将以下onsubmit属性添加到表单元素:varcode=function(){returnfalse;};varelement=window.document.getElementById("form");i

javascript - 如何提交没有表单 ID 和提交 ID 但已知隐藏值的表单?

我遇到的问题是页面上有更多的表单,看起来像这样(每个表单的hiddenId不同):如何使用javascript(我不介意使用jQuery)提交包含希望值的hiddenId的特定表单?感谢您的帮助! 最佳答案 按照这些思路应该可以帮助您入门:varinputs=document.getElementsByTagName("input");for(vari=0;i如果你可以使用jQuery:$("input[type='hidden'][value='something']").closest("form").submit();

javascript - Bootstrap 3 - 从另一个模态打开模态

是否有可能在Bootstrap3中从另一个模态打开模态?我有模态窗口,其中包含从外部html文件加载的内容。我正在打开模态窗口。我有一个表格要提交。单击提交按钮后,我想使用新的模式窗口(以及来自另一个html文件的新内容)进入下一步。据我所知,您不能同时拥有两个模态窗口,因此我必须关闭第一个模态窗口,然后再打开第二个模态窗口。问题是我必须在第一个模式中单击提交按钮后做。我尝试在提交按钮上使用data-dismiss="modal"和data-toggle="modal"属性,但它们只隐藏了第一个模态,背景仍然是黑暗的,没有任何反应。 最佳答案

javascript - 在指令中监听表单提交事件

我想在指令中监听表单提交。假设我有这样的指令:app.directive('myDirective',function(){return{restrict:'A',require:'^form',scope:{smth:'='},link:function(scope,el,attrs,formCtrl){scope.$watch(function(){returnformCtrl.$submitted;},function(currentValue){console.log('submitted');});}}});用上面的方法我可以看到第一次提交,但不能看到其余的。我试图做这样的事

javascript - 无法使 Bootstrap 与 Webpack 一起工作

我正在使用webpack-dev-server并尝试包含Bootstrap。我有这个项目结构:──css│  └──bootstrap.min.css│──js|└──bootstrap.min.js├──dist├──index.html├──package.json├──server.js├──src│  ├──actions.js│  ├──App.js│  ├──components│  ├──constants│  ├──index.js│  └──reducers.js└──webpack.config.js这是index.html:每当我运行服务器时,我都会收到以下类型的

javascript - IE7 默认表单方法是 "GET"。我如何判断它是用户输入的还是默认的?

如果用户创建了一个没有method属性的表单,似乎大多数浏览器都会在表单提交时处理这个问题。因此,在DOM准备好后检查表单元素时,您可以看到表单元素对象没有“方法”属性。然而,IE7显然在所有没有方法值的表单上设置了默认方法值“GET”。我不想争论GET还是POST是最明智的默认设置,我只是想找到一种方法让POST成为所有浏览器的默认表单方法。我的问题是我无法判断用户是否为表单方法输入了“GET”值,或者IE是否将该值作为默认值注入(inject)。如果表单没有method属性,很明显用户没有指定,所以我可以安全地将其默认为POST。但是,如果我看到表单方法的GET值,我无法判断用户是

javascript - 如何使用 JavaScript 在另一个页面上填写表单

我正在尝试通过JavaScript填写表单上的字段。问题是我只知道如何在当前页面上执行JavaScript,所以我无法重定向到表单并从那里执行代码。我对使用这个术语犹豫不决,但想到的唯一短语是跨站点脚本。我尝试执行的代码如下。window.location="http://www.pagewithaform.com";loaded();//checkstoseeifpageisloaded.ifnot,checksaftertimeout.functionloaded(){if(window.onLoad){//neverexecutesonnewpage.theproblemsetT

javascript - 悬停和焦点上的 Twitter Bootstrap 工具提示

TwitterBootstrap工具提示触发器默认为悬停。我可以添加data-trigger="focus"使工具提示显示在焦点上,但我如何同时进行悬停和焦点显示? 最佳答案 你试过data-trigger="focushover" 关于javascript-悬停和焦点上的TwitterBootstrap工具提示,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/13572737/

javascript - bootstrap collapse 只切换一次

我又一次在这里拉扯我的头发...所以我有bootstrapcollapseworkingwithjsFiddle(http://jsfiddle.net/rasreye/xtPtH/1/)-但是当我添加到我的网站时,它只会崩溃一次...(即单击它打开的标题,再次单击它关闭,再次单击然后什么都没有)这是指向存在问题的实际页面的链接:http://www.urbanoffering.com/custom-optimizations这是JS//$(document).ready(function(){location.hash&&$(location.hash+'.collapse').co

javascript - 如何在 Bootstrap 3 Carousel 上设置动画高度变化

我知道有this题。建议解决方案doesn'twork不幸的是,对于Bootstrap3(尽管它是does对于bs2.3.1)。那我该怎么做呢? 最佳答案 可以用一个简单的JavaScript代码段来解决这个问题:functionbsCarouselAnimHeight(){$('.carousel').carousel({interval:5000}).on('slide.bs.carousel',function(e){varnextH=$(e.relatedTarget).height();$(this).find('.act